<!-- <template>
  <div style="padding: 0 16px;">
    <div class="title">工商信息</div>
    <div class="content">
      <el-descriptions :column="2" border>
        <el-descriptions-item
          v-for="(item, index) in descriptionsList"
          :key="index"
          :label="item"
          :content-style="item === '法定代表人' ? {'color': '#0087FE', width: '35%'} : {width: '35%'}"
          :label-style="{ background: '#F5FAFF', color: '#6D6D6D', textAlign: 'center', width: '15%' }"
        >
          {{ info[index] }}
        </el-descriptions-item>
      </el-descriptions>
    </div>
  </div>
</template>
<script>
export default {
  name: 'BasicInfos',
  props: {
    info: { type: Object, default: null }
  },
  data() {
    return {
      descriptionsList: {
        ComLegalPerson: '法定代表人',
        ComNumber: '统一社会信用代码',
        ComType: '公司类型',
        ComOrganizeNumber: '组织机构代码',
        ComStatus: '经营状态',
        ComBusRegNumber: '注册号',
        ComCapital: '注册资本',
        ComValidPeriod: '营业期限',
        ComStartDate: '成立日期',
        ComRealCapital: '实缴资本',
        ComRegisterOffice: '登记机关',
        ComStartCheckDate: '核准日期',
        ComScale: '公司规模',
        ComFormerName: '曾用名',
        ComIndustry: '所属行业',
        ComSocialInsuranceCount: '参保人数',
        ComAddress: '企业地址',
        ComEnglishName: '英文名称',
        ComTradeScope: '经营范围'
      }
    }
  },
  created() {
  }
}
</script>

<style scoped>
.title{
  color: #404040;
  font-size: 16px;
  margin: 16px 0;
  padding-left: 10px;
  position: relative;
}
.title::before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #0087FE;
}
.content{
  margin: 16px 0;
}
</style> -->
